/* 全局样式和深色主题 */
:root {
    font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-weight: 400;
    color-scheme: dark;

    /* 基础背景与文字 */
    color: rgba(255, 255, 255, 0.87);
    background-color: #1a1a1a; /* 整体背景 */

    /* 主题色变量 */
    --primary-color: #3b82f6;   /* 蓝色按钮/用户气泡 */
    --bg-main: #1a1a1a;         /* 主背景 */
    --bg-secondary: #1f2937;    /* 次级背景（头部/底部/AI气泡） */
    --border-color: #374151;    /* 边框线颜色 */
    --primary-color-hover: #2563eb; /* 鼠标悬浮在主色按钮上时更深的蓝色 */

    /* 文字颜色 */
    --text-primary: #f9fafb;    /* 主文字 */
    --text-secondary: #d1d5db;  /* 次要文字 */
    --text-muted: #9ca3af;      /* 辅助提示（系统消息） */
}

body {
    margin: 0;
    min-height: 100vh;
    background-color: var(--bg-main);
    color: var(--text-primary);
}

/* 确保应用可以撑满整个屏幕 */
#app {
    width: 100%;
    height: 100vh;
}
